<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.min.js"></script>
</head>
<body>
<!-- v-model只能应用于表单控件 -->
<!--用来绑定标签元素与vue实例data的数据保持一致-->
<div id="app">
    <input type="button" @click="change_value" value="改变value">
    <input type="button" v-model="message">
    <p>{{ message }}</p>
</div>
<script>
    new Vue({
        el:"#app",
        data:{
            message:"",
        },
        methods:{
          change_value(){
            this.message = "百知教育"
          },
        },
    })
</script>
</body>
</html>